<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#box{
			width: 400px;
			height: 600px;
			background: red url() 0 0 no-repeat;
		}
	</style>
	<script>
		
		window.onload=function(){

			data = document.getElementById('data')
			btn = document.getElementById('btn')
			box = document.getElementById('box')

			btn.onclick= function () {
				v  = "<p>"+data.value+"</p>";

				console.log(v)

				box.innerHTML = box.innerHTML+v;
			}

		}
	</script>
</head>
<body>
	<input type="text" id="data" >
	<input type="button" id="btn" value="发送">
	<div id="box">
		
	</div>
</body>
</html>